
.center {
    display: flex;
    justify-content: center;
}

.center > div {
    width: 900px;

}

.company > div {
    display: flex;
    justify-content: space-between;
}

.company > div > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.top {
    /*路径--绝对路径和相对路径 */
    background-image: url("../img/banner_qtah.jpg");
    /*width: 1920px;*/
    /*height: 808px;*/
    background-size: 100% 100%;
    height: 500px;
    /*    高度应该等比例缩放*/
    /*height: calc(1000 * 808px / 1920);*/
    color: white;

}

.company > div > div:nth-child(1) {
    height: 141px;
}

/*----------------导航---------------*/
.nav {
    /*rgba (颜色  a  透明度)*/
    background-color: rgb(230, 145, 55);
    line-height: 50px;

}

.nav > div:nth-child(1) {
    display: flex;
    justify-content: flex-start;
}

.nav > div:nth-child(1) > div {
    /*padding  一个参数   2个参数  3个参数  4个参数  上右下左*/
    padding: 0 20px;
}

.nav > div:nth-child(1) > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: pointer;
}

/*-----------------广告------------*/
.ad > div {
    /*border: 1px solid blue;*/
}

.ad > div:nth-child(1) > div:nth-child(1) {
    padding: 20px 0 0;
    font-size: 40px;
    display: flex;
}

.ad > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    margin: 0 20px;
}

.ad > div:nth-child(1) > div:nth-child(2) > div {
    font-size: 10px;
    line-height: 20px;

}

.ad > div:nth-child(1) > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 30px;
}

.ad > div:nth-child(1) > div:nth-child(3) > div {
    display: flex;
    align-items: flex-end;
}

/*odd奇数 even 偶数*/
/*.ad > div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(odd){*/
/*    color: white;*/
/*    font-size: 20px;*/
/*}*/
/*自定义标签*/
pingwei {
    color: white;
    font-size: 20px;
}

.ad > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) {
    margin-left: 20px;
}

.ad > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) {
    text-indent: 3em;
}


.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
}

.single-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.many-over-third {
    overflow: hidden;
   text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
